<!-- 模板 -->
<template>
  <div class="group">
       <div class="box">
          <div class="btn">
            <!-- <el-button type="primary" icon="el-icon-plus" size="small" @click="add">添加</el-button> -->
             <div >
                <el-form :inline="true" :model="params" size="small" label-width="80px"  >
                    <el-form-item label="姓名:">
                        <el-input v-model="params.realName"  placeholder="输入姓名" clearable  @clear="search" />
                    </el-form-item>
                    <el-form-item label="联系方式:">
                        <el-input v-model="params.phone" placeholder="输入手机号" clearable @clear="search" />
                    </el-form-item>
                    <el-button
                        style="margin-left: 20px;"
                        type="primary"
                        size="small"
                        icon="el-icon-search"
                        @click="search"
                        >
                        搜索
                    </el-button>
                    <el-button icon="el-icon-refresh" size="small" @click="resetParams">
                    重置
                    </el-button>
                </el-form>
            </div>
          </div>
        <el-card>
            <el-table :data="tableData" border style="width: 100%" >
            <el-table-column type="index" label="序号" align="center"> </el-table-column>
            <el-table-column prop="name" label="姓名" align="center"> </el-table-column>
            <el-table-column prop="phone" label="联系方式" align="center" > </el-table-column>
            <el-table-column prop="remarks" label="客户备注" align="center" > </el-table-column>
            <el-table-column prop="result" label="结果" align="center" > </el-table-column>
            <el-table-column prop="phoneRemarks" label="联系备注" align="center" > </el-table-column>
            <el-table-column prop="time" label="操作时间" align="center" > </el-table-column>

            <el-table-column  label="操作" align="center" >
                <!-- <template slot-scope="scope">
                    <el-button @click="handleUpdateClick(scope.row)" type="primary" icon="el-icon-edit" size="small" plain>修 改</el-button>
                    <el-button @click="handleDeleteClick(scope.row)" type="danger" size="small" icon="el-icon-delete" >删除</el-button>
                </template> -->
            </el-table-column>
        </el-table>
        </el-card>
  </div>
</div>
</template>

<script>
// import component from '@/components/*.vue'
export default {
  name: '',
  data () {
    return {
        tableData:[],
         params:{
            pageNum: 1,
            pageSize: 10,
        },
        pageTotal: 0,
    }
  },
  props: [],
  components: {},
  computed: {},
  filters: {},
  methods: {
    // 重置按钮
    resetParams(){},
    // 搜索
    search(){},
  },
  created () {},
  mounted () {}
}
</script>

<style rel="stylesheet/scss" lang="scss">
.box{
    margin: 10px;
    .btn{
        margin-top: 20px;
    }
}
</style>
